<template>
	<div class="span9 page_message">
    <section id="contents">  
      
      <!-- 数据列表 --> 
      
<div class="data-table" style="margin-top:40px; overflow:hidden">
  <div class="row">
  	<div class="col-sm-6 text-center">
  	  <div id="phone">
  	    <div id="frame">
  	      <div class="wx_menu"> <span class="keyboard"></span>
  	        <div class="menu">
  	            	              <div class="m_a" href="javascript:;">
  	                <div class="m_a_i"> <img src="/weixin/images/wx_menu_list_icon.png">燊光 </div>
  	                <div class="sub_menu" style="margin-left: 98px;">
  	                  <div class="sub_menu_inner">
  	                      	                     <a href="#">燊光科技</a>   	                      	                  </div>
  	                  <em></em> </div>
  	              </div>
  	              	            	            	        </div>
  	      </div>
  	    </div>
  	  </div>
  	  
  	</div>
  	
  	<div class="col-sm-6 table-striped">
  	  <table cellpadding="0" cellspacing="1">
  	    <!-- 表头 -->
  	    <thead>
  	      <tr>
  	        <th width="150"><a href="http://www.weiphp.hk/index.php/weixin/custom_menu/add/rule_id/0/pbid/1">+添加菜单</a></th>
  	        <th>内容</th>
  	        <th width="100">操作</th>
  	      </tr>
  	    </thead>
  	    
  	    <!-- 列表 -->
  	    <tbody>
  	        	        <tr> 
  	          <td><input class="ids" type="hidden" value="1" name="ids[]">
  	             <strong>燊光</strong>
  	              </td>
  	              <td></td>
  	          <td><a href="http://www.weiphp.hk/index.php/weixin/custom_menu/add/id/1/rule_id/0/pbid/1">编辑</a> <a href="http://www.weiphp.hk/index.php/weixin/custom_menu/del/id/1/pbid/1">删除</a></td>
  	        </tr>
  	        	        <tr> 
  	          <td><input class="ids" type="hidden" value="2" name="ids[]">
  	              	              &nbsp;&nbsp;&nbsp;&nbsp; ◆ 燊光科技 </td>
  	              <td>图片素材</td>
  	          <td><a href="http://www.weiphp.hk/index.php/weixin/custom_menu/add/id/2/rule_id/0/pbid/1">编辑</a> <a href="http://www.weiphp.hk/index.php/weixin/custom_menu/del/id/2/pbid/1">删除</a></td>
  	        </tr>
  	        	    </tbody>
  	  </table>
  	</div>
  </div>

</div>
<div class="form-item form_bh" style="margin:20px;">
	<div class="offset-sm-1">
		<button class=" submit-btn btn btn-primary ajax-post confirm" type="button" target-form="ids" url="http://www.weiphp.hk/index.php/weixin/custom_menu/send_menu/rule_id/0/pbid/1">发布</button>
	</div>
  
</div>
 </section>
  </div>
</template>

<script>
</script>

<style type="text/css">
td {
	font-size: 14px;
}
#phone {
	position: relative;
	margin: 0 0;
	width: 400px;
	height: 698px;
	background: url(/static/base/images/preview_phone_short.jpg) no-repeat center 0;
}
#frame {
	position: absolute;
	left: 0;
	margin: 102px 0 0 43px;
	width: 320px;
	border: 1px solid #333;
	background: #666;
	height: 487px;
	width: 320px;
	overflow: hidden;
}
.wx_menu {
	display:inline-flex;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 50px;
	background: #fff;
}
.wx_menu .keyboard {
	float: left;
	width: 44px;
	height: 50px;
	background: url(/weixin/images/wx_menu_keyboard_icon.png) no-repeat;
	background-size: 100% 100%;
	border-right: 1px solid #CCC;
}
.wx_menu .menu {
	display: -webkit-box;
	height: 50px;
	float: left;
	width: 275px;
}
.wx_menu .menu>div {
	-webkit-box-flex: 1;
	display: block;
	line-height: 50px;
	color: #434343;
	text-align: center;
	border-right: 1px solid #ccc;
	position: relative;
}
.wx_menu .menu>div:last-child {
	border: none;
}
.wx_menu .menu>div img {
	width: 12px;
	vertical-align: -1px;
	margin-right: 2px;
}
.wx_menu .sub_menu {
	position: absolute;
	bottom: -358px;
	margin-left: 0;
	padding: 0 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: #fff;
	text-align: center;
	z-index: 10;
}
.m_a_i {
	position: relative;
	z-index: 100;
	background: #fff;
}
.wx_menu .sub_menu a {
	display: block;
	color: #434343;
	border-bottom: 1px solid #ddd;
	height: 40px;
	line-height: 40px;
	padding: 0 5px;
	white-space: nowrap
}
.wx_menu .sub_menu a:last-child {
	border: none;
}
.wx_menu .sub_menu em {
	position: absolute;
	width: 10px;
	height: 8px;
	bottom: -7px;
	left: 50%;
	margin-left: -5px;
	background: url(/weixin/images/arrow_down.png) no-repeat center bottom;
}
</style>